<template>
<!--
员工档案
-->
  <div>
    <h1>员工档案</h1>
        <el-table :data="message">
          <el-table-column  label="照片" width="140">
            <template slot-scope="scope" >
              <el-image style="height: 30px;width: 30px"
                        :src="'http://127.0.0.1:8080/infor/manyImg?call1='+scope.row.call1"
                        :preview-src-list="['http://127.0.0.1:8080/infor/manyImg?call1='+scope.row.call1]">
              </el-image>
            </template>
          </el-table-column>
          <el-table-column prop="name" label="姓名" width="200">
          </el-table-column>
          <el-table-column prop="call1" label="电话" width="200">
          </el-table-column>
          <el-table-column prop="address" label="家庭住址" width="300">

          </el-table-column>
          <el-table-column label="操作" width="200">
            <el-button>修改</el-button>
          </el-table-column>
        </el-table>
  </div>

</template>

<script>
import axios from "axios";

export default {
  name: "EmployeeFiles",
  created() {
    this.getInfor()
  },
  data(){
    return{
      message:[]
    }
  },
  methods:{
    getInfor(){
      axios({
        url:'/infor/information',
        method:'get',
      }).then(res =>{
        this.message = res.data
      })
    }
  }
}
</script>

<style scoped>

</style>
